<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta id="viewport" name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0 minimal-ui">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <!--删除默认的苹果工具栏和菜单栏-->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <!--控制状态栏显示样式-->
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>爪游宝</title>
    <link href="./kdysj/image/icon@2x.png" type="image/x-icon" rel="shortcut icon">
    <link rel="stylesheet" href="./kdysj/css/kdysj.css">
    <link rel="stylesheet" href="./kdysj/css/index.css">
</head>

<body class="kdysj-wrapper" onclick="clickEvent()">
    <div class="all" id="all" style="max-width: 800px;">
        <!-- <div class="fixed" >
            <div class="left">
                <div class="icon1 lazy"></div>
                <div class="text">
                    <p class="p1">口袋异世界</p>
                    <p class="p2">体验独特异域冒险</p>
                </div>
            </div>
            <div class="icon2 download lazy"></div>
        </div> -->
        <div class="content">
            <div class="div div1 lazy">
                <!-- <img width="100%" src="https://osscdn.zhuayoubao.com/zyb/default/zyb_landing.png"></img> -->
            </div>
            <div class="div div2 lazy">
                <div
                    style="font-size:0.02rem;position:absolute;bottom:-0.05rem;color:#888888;left:50%;transform: translateX(-50%);">
                    杭州红彤彤网络科技有限公司
                </div>
            </div>
            <div class="bottom-fixed-card-wrap first-screen">
                <div class="bottom-fixed-card">
                    <div class="bottom-fixed-card-icon-wrap groot-ui-image">
                        <img style="width: 100%;" src="https://osscdn.zhuayoubao.com/zyb/default/zyb_icon.png"></img>
                    </div>
                    <div class="bottom-fixed-card-info">
                        <div class="center-transition-wrap bottom-fixed-card-info-title-wrap">
                            <h2 class="bottom-fixed-card-info-title" style="color: rgb(0, 0, 0);">爪游宝</h2>
                        </div>
                        <div class="center-transition-wrap">
                            <div class="star-wrap">
                                <img width="102px" src="https://osscdn.zhuayoubao.com/zyb/default/rete.png"></img>
                            </div>
                        </div>
                        <div class="center-transition-wrap">
                            <p class="bottom-fixed-card-info-slogan" style="color: rgb(153, 153, 153)">每天轻松赚零花</p>
                        </div>
                    </div>
                    <div class="bottom-fixed-card-btn">
                        <div>
                            <div class="base-btn">
                                立即下载
                            </div>
                        </div>
                    </div>
                    <div class="transition-opacity bottom-fixed-card-version">
                        <p>
                            <span class="gt-jmy-h5-download-c-developer-info"
                                style="color: rgb(153, 153, 153);"><span>版本3.5.4</span></span>
                            <span class="gt-jmy-h5-download-c-developer-info"
                                style="color: rgb(153, 153, 153);"><span>更新于2024/12/05</span></span>

                        </p>
                    </div>
                    <div class="transition-opacity bottom-fixed-card-company">
                        <p>
                            <span class="gt-jmy-h5-download-c-developer-info"
                                style="color: rgb(153, 153, 153);"><span>杭州红彤彤网络科技有限公司</span></span>
                            <i style="margin-left: 0.5em;"></i>
                            <span class="gt-jmy-h5-download-c-developer-info" style="color: rgb(153, 153, 153);">
                                <span>权限</span>
                                <i style="margin-left: 0.5em;"></i>
                                <span>隐私</span>
                            </span>

                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>



<script src="kdysj/js/jquery.min.js"></script>
<script>
    let rem;
    let isWeixin = navigator.userAgent.toLowerCase().indexOf('micromessenger') !== -1;
    var showShade = false;


    window.onload = function () {
        setRem();
        init();
    }

    function setRem() {
        var whdef = 100 / 65  //  表示1920的设计图,使用100PX的默认值
        var bodyWidth = document.getElementById('all').getBoundingClientRect().width;// 当前窗口的宽度
        rem = bodyWidth * whdef;// 以默认比例值乘以当前窗口宽度,得到该宽度下的相应FONT-SIZE值
        document.getElementsByTagName('html')[0].style.fontSize = rem + 'px';
    }


    function init() {
        $("div.wrapper").each(function (i, e) {
            $(e).attr("ondragstart", "return false");
        });

        var $demo1 = $("div.demo1")
        // var carousel1 = new Carousel($demo1.children("ul.container"), {
        //     opacity: 1,
        //     scale: [.8],
        //     transition: "400ms",
        //     switchBtn: $demo1.children("i.btn-direct"),
        //     isClickCard: true,
        //     isAuto: true,
        //     interval: 2000,
        //     offsetDistance: 0.8*rem, //间距偏移值，默认为：ul父容器宽度/（卡片数量-1）
        // });
        console.info($demo1.children("i.btn-direct"))
        $(window).scroll(function () {
            var scrollTop = $(window).scrollTop();
            if (scrollTop === 0) {
                $(".bottom-fixed-card-wrap").addClass("first-screen")
            } else {
                $(".bottom-fixed-card-wrap").removeClass("first-screen")
            }
        });

    }
    function clickEvent() {
        if (isWeixin) {
            if (!showShade) {
                showShade = true;
                $('#all').css('overflow', 'hidden');
                let shadeHtml = `<div class="full-shade">
                    <div class="line1">1.点击右上角的<span></span></div>
                    <div class="line2">2.选择在浏览器中打开<span></span></div>
                    <div class="arrow"></div>
                </div>`
                $('#all').append(shadeHtml);
            }

        } else {
            if (/(iphone|ipod|ipad)/i.test(navigator.userAgent)) {
                window.location.href = 'https://itunes.apple.com/cn/app/jie-zou-da-shi/id6480157369?mt=8';
            } else {
                window.location.href = 'https://static.zhuayoubao.com/apk-online/zyb-70.apk      '
            }
        }
    }

</script>